var nombres = Ext.util.Cookies.get('nombres');
var apellidos = Ext.util.Cookies.get('apellidos');
var login = Ext.util.Cookies.get('login');
Ext.define('Siga.view.Principal', {
    extend: 'Ext.panel.Panel',
    alias: 'widget.principal',
    id: 'principal',
    xtype: 'layout-border',
    requires: ['Siga.view.inscripcion.VInscripcion'],
    layout: 'border',
    bodyBorder: false,
    items: [{
            id: 'app-header',
            region: 'north',
            height: 70,
            border: false,
            margins: '0 0 0 0',
            split: false,
            bbar: [{
                    xtype: 'label',
                    flex: 5,
                    autoHeight: true,
                    html: '<div id="cabecera" align="center"> <img id="logo" src="../public_html/resources/images/cintillo.jpg" height="70px" width="100%"> </div>',
                }, {
                    xtype: 'label',
                    flex: 4,
                    autoHeight: true,
                    html: '<div align="right"><font color = black ><b>Usuario:  </b></font><font size=3 color="#FF0000"><b> ' + login + '</b></font><br/><b>Estudiante: </b>' + nombres + '<b> </b>' + apellidos + '</div>',
                }, {
                    flex: 1,
                    text: 'Cerrar Sesión',
                    toolTip: 'Cerrar sesión',
                    handler: function() {
                        Ext.util.Cookies.clear('usuario');
                        Ext.util.Cookies.clear('login');
                        Ext.util.Cookies.clear('idAlumno');
                        Ext.util.Cookies.clear('nombres');
                        Ext.util.Cookies.clear('apellidos');
                        Ext.util.Cookies.clear('idCI');
                        window.location = '../public_html/index.html';
                    }
                }
            ]
        },
//                {
//                    id: 'app-options',
//                    xtype: 'westmenu',
//                    region: 'west',
//                    floatable: false,
//                    margin: '0 0 0 0',
//                    width: 160,
//                    minWidth: 100,
//                    maxWidth: 250,
//                    collapsible: true,
//                    split: true,
//                    bodyPadding: 10
//                },
        {
            xtype: 'container',
            region: 'center',
            layout: 'border',
            items: [{
                    id: 'app-portal',
                    xtype: 'inscripcion',
                    region: 'center'
                }]
        }]
});